import React, { useEffect } from 'react';
import './LoginFooter.scss';
import { Divider } from 'antd-mobile';
import qqSvg from '@/assets/icons/qq.svg';
import SvgIcon from '@/components/SvgIcon/SvgIcon';


const LoginFooter = () => {


  useEffect(() => {
    /**
     * qq登录步骤二：调用QC.Login方法传入id，码处会如下按钮复制链接
     * QC.Login({ btnId: 'qq', });
     * */
  }, []);


  return (
    <div className="other">
      <Divider>第三方登录</Divider>
      <div className="icon">
        {/*qq登录步骤三：将复制的链接给a标签的href属性*/}
        <a href="https://graph.qq.com/oauth2.0/authorize?client_id=102015968&response_type=token&scope=all&redirect_uri=http%3A%2F%2Fconsult-patients.itheima.net%2Flogin%2Fcallback">
          <SvgIcon name="qq" width="40px" height="40px"></SvgIcon>
        </a>
      </div>
    </div>
  );
};

export default LoginFooter;